<!DOCtype html>
<html ng-app="advertiserApp">
	 <head>
	     <meta charset= "utf-8"/>
		 <title>视频广告详情</title>
		 <script type="text/javascript" src="/web-adv/advWeb/static/vendor/angular/angular.min.js"></script>
		 <script type="text/javascript" src="/web-adv/advWeb/static/vendor/jquery/dist/jquery.min.js"></script>
		 <script type="text/javascript" src="/web-adv/advWeb/static/vendor/bootstrap/dist/js/bootstrap.min.js"></script>
		 <script type="text/javascript" src="/web-adv/advWeb/static/js/mainApp.js"></script>
		 <script type="text/javascript" src="/web-adv/advWeb/controller/advertiserCtrl.js"></script>
		 <script type="text/javascript" src="/web-adv/advWeb/static/js/main.js"></script>
		 <link rel="stylesheet" href="/web-adv/advWeb/static/vendor/bootstrap/dist/css/bootstrap.min.css" />
		 <link rel="stylesheet" href="/web-adv/advWeb/static/vendor/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" />
		 <link rel="stylesheet" href="/web-adv/advWeb/static/styles/layout.css" />
		 <link rel="stylesheet" href="/web-adv/advWeb/static/styles/main.css" />
		 <link rel="shortcut icon" href="/web-adv/advWeb/static/favicon.ico" />
		 <link rel="bookmark" href="/web-adv/advWeb/static/favicon.ico" />
	 </head>
	 <body ng-controller="advertiserCtrl" onload="viewAd()">	
         <div class="headerBox"></div>
         <div class="nav"><ul></ul></div>
		 <div class="content">
         <!-- begin -->		 
		     <div class="websiteMapBox">
			     <span>当前页面></span>
				 <span>视频广告详情</span>
			 </div>


			 <div class="itemAdGroup">
				 <div class="topTitle">
					 <button class="btn btn-primary btnTitle">广告名称</button>
				 </div>
				 <div id="adName" class="aditem">
				 </div>
			 </div>
			 <div class="itemAdGroup">
				 <div class="topTitle">
					 <button class="btn btn-primary btnTitle">广告链接</button>
				 </div>
				 <div id="advUrl" class="aditem">
				 </div>
			 </div>
			 <div class="itemAdGroup">
				 <div class="topTitle">
					 <button class="btn btn-primary btnTitle">广告描述</button>
				 </div>
				 <div class="adDescribe">
				 </div>
			 </div>
			 <div class="itemAdGroup">
				 <div class="topTitle">
					 <button class="btn btn-primary btnTitle">广告默认封面</button>
					 </div>
				 <div class="adCoverBox">
					 <img src="" class="adCoverImg" alt="" id="adHomeimage"/>
					 <!--<div class="coverCircle"></div>-->
				 </div>
			 </div>

		     <div class="itemAdGroup">
			     <div class="topTitle">
				     <button class="btn btn-primary btnTitle">广告关键字</button>
				 </div>
				 <div class="adKeyword aditem">
				 </div>
			 </div>

			 <div class="itemAdGroup">
			     <div class="topTitle">
				     <button class="btn btn-primary btnTitle">广告属性标签</button>
				 </div>
				 <div class="adTarget">
				     <ul id="adClassify">
					 </ul>
				 </div>
				 
			 </div>
			 <div class="itemAdGroup">
			     <div class="topTitle">
				     <button class="btn btn-primary btnTitle">广告终端格式</button>				 
				 </div>
				 <div class="adClient right" style="margin-bottom:200px">
				     <div class="left" id="terminal">
					     <img src="/web-adv/advWeb/static/images/padIcon.png" alt="" />
						 <span>PAD</span>
					 </div>
					 <div class="center" style="position:absolute;left:50%;margin-left:-96px;width:193px;height:91px;">
					    <button style="width:100%;height:100%;display: block;background:url('/web-adv/advWeb/static/images/playBtn.png') no-repeat" data-toggle="modal"  data-target=".videoModal" onclick="flashImg.loadingVideo(loadingVideoUrl,loadingPictureUrl)"></button>
					 </div>
					 <div class="right">
					     <p><span>视频大小：</span><span id="size"></span></p>
					     <p><span>视频时长：</span><span id="adTime"></span></p>
					 </div>
					 <div class="clear"></div>
				 </div>
				 <div class="clear"></div>
			 </div>
			 
		 <!-- end -->
		 </div>	
		 <!-- video modal -->
         <div class="modal fade videoModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
             <div class="modal-dialog modal-lg">
                 <div class="modal-content"  style="position:relative"> 
				     <div id="flashVideoBox" style="height:560px;"></div>
					 <div onclick="flashImg.closeVideo($(this))" data-dismiss="modal" style="font-size:18px;position:absolute;top:4px;right:8px;color:#0787FF;cursor:pointer;">X</div>				
                 </div>
             </div>
         </div>	
	 <script type="text/javascript" src="/web-adv/advWeb/static/vendor/ckplayer/ckplayer.js"></script>
	  <script type="text/javascript" src="/web-adv/advWeb/controller/uploadAd/videoAd/adDetail.js"></script>
     <script type="text/javascript">		     
				 flashImg.loadingVideo=function(url,pageUrl){
					 var flashvars={
		                 f:url,//视频url
		                 c:0,
		                 b:1, 
		                 i:pageUrl, //视频封面url
					     my_url:window.location.href  //分享地址
		             };
	                 var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};
	                 CKobject.embedSWF('/web-adv/advWeb/static/vendor/ckplayer/ckplayer.swf','flashVideoBox','ckplayer_a1','100%','100%',flashvars,params);
				 };
				 flashImg.closeVideo=function(ele){				     
				     ele.siblings("div#flashVideoBox").empty();									 
		         };			 						     						    	                        	
         </script>
	 </body>	 
</html>